body{font-family: 'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC',sans-serif;overflow-x:hidden;color: #666;background:#fff;position: relative;}


ul,ol,li{list-style: none;}
a{color: #333;}
a:hover{text-decoration:none;outline:none;}
a:visited,a:active {outline:none;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-transition-delay: 99999s;-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}
div:focus{outline:none;}


/* 通用 */
.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

 



.top{position: relative;overflow: hidden;}
.top:after{content:"";display: block;position: absolute;height: 100%;width: 1000px;left: 50%;background: #013692;top: 0;}
.top:after{margin-left: 570px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.top:after{margin-left: 470px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.top:after{margin-left: 360px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.top{display: none;}
} 
.top-tel{position: relative;z-index: 2;float: right;line-height: 53px;height: 53px;background: url(../images/base/top-tel.jpg) left top no-repeat;padding-left: 40px;color: #fff;font-size: 16px;}
.top-text{position: relative;z-index: 2;float: right;padding: 0 25px;font-size: 16px;color: #333;line-height: 53px;height: 53px;font-style:italic}
.top-text span{font-weight: bold;margin-right: .5em;}
.top-tel span {font-weight:bold;display: inline-block; margin-left:20px;}






#nav{position: relative;background: #fff;transition: 300ms;}
#nav ul{margin: 0;padding: 0;}
#nav.mini{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);}

.nav-btn{display:none;width:40px;position:absolute;right:15px;top:50%;margin-top: -17px;cursor:pointer;padding:9px 10px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;border-color:#ddd;cursor: pointer;}
.nav-btn span{display:block;height:2px;border-radius:1px;background-color:#888}
.nav-btn span+span{margin-top:4px}

.nav-btn.open{border-color:#ccc;background: #ccc;}
.nav-btn.open span{background-color:#fff}
 
.logo-box{float: left;max-height: 70px;transition: 300ms;max-width:260px;}
.logo-box img{height: auto; max-width: 100%;}
@media screen and (min-width: 768px) {
.logo-box{position: relative;top: 0;}
}

.nav1{float: right;}
.nav1 ul{padding: 0;margin: 0;}
.nav1 > ul > li{float: left;}
.nav1 > ul > li > a{font-weight: 500;display: inline-block;height: 120px;text-align: center;line-height: 26px;padding: 48px 18px 0;color: #333;background: #FFF;text-decoration: none;transition: 300ms;font-size: 18px;}
.nav1 > ul > li > a.on{color: #036EB7;}
.nav1 > ul > li:hover > a{color: #036EB7;}
.nav1 > ul > li > a span{display: block;text-align: center;font-size: 12px;line-height: 20px;font-weight: normal;}






.subnav{display: none;position: absolute;left: 0;right: 0;top: 100%;background: #1E5192;height: 320px;z-index: 9999;}
.subnav:before{content:'';position: absolute;left: 50%;width: 100000px;top: 0;display: block;height: 100%;background: #036EB6;}
.subnav:before{margin-left: -570px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.subnav:before{margin-left: -470px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.subnav:before{margin-left: -360px;}
}
.subnav .container{height: 100%;position: relative;z-index: 2;}

.subnav:after{content:"";display:table;clear:both;}
.subnav-left{height: 100%;width: 45%;float: left;background: url(../images/base/subnav1.jpg) right top repeat-y;background-size:100% auto;}
.subnav-right{height: 100%;width: 55%;float: right;}

.subnav-left-img{padding: 40px;float: left;width: 55%;}
.subnav-left-img img{width:100%;max-height:195px;object-fit:cover;}
.subnav-left-img h4{color: #fff;margin-top: 20px;font-size: 22px;}
.subnav-left-img h4 small{display:inline-block; margin-left: 15px;color: #fff;opacity: .8;font-size:0.6px}

.subnav-left-title{overflow: hidden;padding: 25px 0 0;}
.subnav-left-title ul{padding: 0;margin: 0;}
.subnav-left-title ul li{line-height: 60px;border-bottom:1px solid rgba(255,255,255,.3);}
.subnav-left-title ul li a{display: block;line-height: 60px;padding: 0 15px;font-size: 16px;color: #fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:500;}
.subnav-left-title ul li.on a{background: #036EB6;}
.subnav-left-title ul li a span{float: right;line-height: 60px;height: 60px;}

.subnav-right-content{padding: 25px 30px;}
.subnav-right-content:after{content:"";display:table;clear:both;}
.subnav-right-content ul{float: left;width: 50%;padding: 0;margin: 0;}
.subnav-right-content ul li{line-height: 60px;margin: 0 10px;border-bottom:1px solid rgba(255,255,255,.3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.subnav-right-content ul li a{color: #fff;}


@media screen and (min-width: 992px) and (max-width: 1199px){
.logo-box{margin-top: 30px;}
.nav1 > ul > li > a{padding-left: 15px;padding-right: 15px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.logo-box{margin-top: 30px;}
.nav1 > ul > li > a{padding-left: 1px;padding-right: 1px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.nav1{display: none;float: none;position: absolute;left: 0;right: 0;top: 100%;z-index: 99999;}
.nav1 > ul > li{float: none;width: 100%;border-top: 1px solid #ccc;}
.nav1 > ul > li >a{width: 100%;padding: 10px 15px;height: auto;text-align: left;}
.nav1 > ul > li >a span{display: inline;}
.subnav{position: relative;height: auto;background: #fff;border-top:1px solid #ccc;}
.subnav:after{display: none;}
.subnav-left{background: none;float: none;padding: 0;width: 100%;}
.subnav-left-img{display: none;float: none;padding: 10px 15px;width: 100%;}
.subnav-left-img h4{display: none;}
.subnav .container{background: #fff;}
.subnav-left-title{padding: 0;}
.subnav-left-title ul li a{line-height: 45px;height: 45px;color: #666;}
.subnav-left-title ul li.on a{background: transparent;}
.subnav-left-title ul li a span{line-height: 45px;}

.subnav-right{display: none;}

}






@media screen and (min-width: 0) and (max-width: 767px){
.nav-btn{display: block;}
} 




@media (min-width: 1600px) {
 #nav  .container {
        width: 1570px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1459px){
 #nav  .container {
        width: 100%;
    }
}



.nav-search{width: 190px;float: right;height: 32px;border:1px solid #ccc;border-radius: 50px;float: right;margin-top: 52px;margin-left: 20px;}
.nav-search .text10{width: 138px;float: right;height: 30px;border-radius: 0 50px 50px  0;border:none;padding: 0 10px;}
.nav-search .btn10{float: left;width: 50px;height: 30px;border:none;border-right:1px solid #ccc;border-radius: 50px 0 0 50px;background: url(../images/base/nav-search.jpg) center center no-repeat;text-indent: -999999px;overflow: hidden;}

@media screen and (min-width: 0) and (max-width: 767px){
.nav-search{display: none;}
}








.section1{background: #f6f6f6;padding: 110px 0 80px;}
.s1{background: url(../images/base/s1-bg.png) left bottom no-repeat;}
.s1-title{}
.s1-title p{color: #036eb5;font-size: 18px;}
.s1-title h4{font-size: 50px;color: #595757;line-height: 1.2;}
.s1-title h4:after{content:"";display: block;height: 7px;width: 2em;background: #036eb5;margin: 20px 0;}
.s1-content{margin-top: 50px;color: #595757;font-size: 18px;line-height: 1.8;}
.s1-content a{color: #036eb5;display: inline-block;margin-top: 50px;}
.s1-content p {max-width: 520px;}
.s1-item{margin-bottom: 40px;}
.s1-img{}
.s1-img img{width:100%;height:100%;object-fit:cover;}

.s1-img{display:block;overflow:hidden;}
.s1-img img{transition:600ms;}
.s1-item:hover .s1-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}


.s1-text{text-align: center;padding: 10px 0px 0px 0px;}
.s1-text h4{font-size: 18px;color: #333;}
.s1-text p{font-size: 12px;color: #036eb5;}


@media screen and (min-width: 0) and (max-width: 991px){
.section1{padding: 60px 0 0;}
.s1{background: none;}
.s1-title p{font-size: 16px;}
.s1-title h4{font-size: 40px;}
.s1-content a{margin-bottom:  30px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s1-title p{font-size: 14px;}
.s1-title h4{font-size: 30px;}
.s1-content{margin-top: 30px;font-size: 16px;}
.s1-content a{margin-top: 30px;}
}




.section2{padding: 60px 0;background: url(../images/base/s2-bg.jpg); background-size:cover;}
.s2-title p{color: #fff;font-size: 18px;}
.s2-title h4{font-size: 50px;color: #fff;line-height: 1.2;}
.s2-title h4 a{color: #fff;}
.s2-title h4:after{content:"";display: block;height: 7px;width: 2em;background: #fff;margin: 20px 0;}
.s2-content{margin-top: 50px;color: #fff;font-size: 18px;line-height: 1.8;}
.s2-content a{color: #fff;display: inline-block;margin-top: 50px;}
@media screen and (min-width: 0) and (max-width: 991px){
.s2-title p{font-size: 16px;}
.s2-title h4{font-size: 40px;}
.s2-content a{margin-bottom:  30px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s2-title p{font-size: 14px;}
.s2-title h4{font-size: 30px;}
.s2-content{margin-top: 30px;font-size: 16px;}
.s2-content a{margin-top: 30px;}
}
.s2{padding: 80px 0 0;}



.s2-item{display:block;overflow:hidden;width: 100%;height: 100%;}
.s2-item img{width:100%;height:100%;object-fit:cover;transition:600ms;}
.s2-item:hover  img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}




.section3{padding: 100px 0;}
.s3-title p{color: #036eb5;font-size: 18px;}
.s3-title h4{font-size: 50px;color: #595757;line-height: 1.2;}
.s3-title h4:after{content:"";display: block;height: 7px;width: 2em;background: #036eb5;margin: 20px 0;}
.s3-content{margin-top: 50px;color: #595757;font-size: 18px;line-height: 1.8;max-width:500px;}
.s3-content a{color: #036eb5;display: inline-block;margin-top: 50px;}
@media screen and (min-width: 0) and (max-width: 991px){
.s3-title p{font-size: 16px;}
.s3-title h4{font-size: 40px;}
.s3-content a{margin-bottom:  30px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s3-title p{font-size: 14px;}
.s3-title h4{font-size: 30px;}
.s3-content{margin-top: 30px;font-size: 16px;}
.s3-content a{margin-top: 30px;}
}
.s3{position: relative;height: 660px;background: url(../images/base/s3-bg.png) right top no-repeat;background-size: 70% auto;	}
.s3 img{display: none;}
.s3-items{position: absolute;left: 0;bottom: 0;right: 58%;}
.s3-item{display: flex;align-items:center;}
.s3-item:after{content:"";display:table;clear:both;}
.s3-item+.s3-item{margin-top: 20px;}
.s3-item h4{font-size: 80px;color: #333;margin-right: 15px;font-weight:800;}
.s3-item p{overflow: hidden;font-size: 18px;margin: 0;}
.s3-item1 p {max-width:260px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.s3{height: 540px}
}
@media screen and (min-width: 0) and (max-width: 991px){
.s3{background: none;height: auto;}
.s3 img{width: 100%;height: auto;display: block;}
.s3-items{position: static;width: 100%;}
.s3-item{display: block;}
.s3-item h4{margin: 0 auto;text-align: center;margin: 20px 0;}

}
 





.section4{padding: 100px 0;background: url(../images/base/s4-bg.png);background-size:100% 100%;}
.s4-title p{color: #036eb5;font-size: 18px;}
.s4-title h4{font-size: 50px;color: #595757;line-height: 1.2;}
.s4-title h4:after{content:"";display: block;height: 7px;width: 2em;background: #036eb5;margin: 20px 0;}
.s4-content{margin-top: 50px;color: #595757;font-size: 18px;line-height: 1.8;max-width:500px;}
.s4-content a{color: #036eb5;display: inline-block;margin-top: 50px;}
@media screen and (min-width: 0) and (max-width: 991px){
.s4-title p{font-size: 16px;}
.s4-title h4{font-size: 40px;}
.s4-content a{margin-bottom:  30px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s4-title p{font-size: 14px;}
.s4-title h4{font-size: 30px;}
.s4-content{margin-top: 30px;font-size: 16px;}
.s4-content a{margin-top: 30px;}
}


.s4-img{margin-top: 40px;}
.s4-img img{width:100%;height:100%;object-fit:cover;}
.s4-item{padding: 5%;position: relative;height: 219px;width: 219px;background: url(../images/base/s4-item.png);background-size: 100% 100%; display: flex;flex-direction: column ;justify-content: center;}
.s4-item a{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}
.s4-item h4{text-align: center;font-size: 50px;color: #595757;}
.s4-item p{text-align: center;color: #036eb5;font-size: 18px;margin: 0;word-wrap:break-word;}
.s4-items{padding-top: 50px;}
.s4-items .s4-item:nth-child(1){}
.s4-items .s4-item:nth-child(2){transform: scale(.9);float: right;margin-top: -100px;}
.s4-items .s4-item:nth-child(2) h4{font-size: 30px;}
.s4-items .s4-item:nth-child(3){transform: scale(.7);}
.s4-items .s4-item:nth-child(3) h4{font-size: 30px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.s4-items .s4-item:nth-child(2){margin-bottom: -100px;}
}
@media screen and (min-width: 320px) and (max-width: 479px){
.s4-items .s4-item:nth-child(2){margin: 0;}
}





.section5{padding: 100px 0;}
.s5-title p{color: #036eb5;font-size: 18px;}
.s5-title h4{font-size: 50px;color: #595757;line-height: 1.2;}
.s5-title h4:after{content:"";display: block;height: 7px;width: 2em;background: #036eb5;margin: 20px 0;}
@media screen and (min-width: 0) and (max-width: 991px){
.s5-title p{font-size: 16px;}
.s5-title h4{font-size: 40px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s5-title p{font-size: 14px;}
.s5-title h4{font-size: 30px;}
}
.s5-item{margin: 100px 0;position: relative; height:520px;}
.s5-item:after{content:"";display:table;clear:both;}
.s5-img{position: absolute;z-index: 1;}

.s5-text{position: relative;z-index: 2;width: 329px;max-width:100%;height: 302px;padding: 0 50px 30px;margin: 0 auto;display: flex;flex-direction: column ;justify-content: center;}
.s5-text h4{font-size: 20px;font-weight: bold;}
.s5-text p{line-height: 26px;height: 52px;overflow: hidden;font-size: 16px;}
.s5-text a{font-size: 16px;color: #036eb5;}
.s5-item1 .s5-text{background: url(../images/base/s5-item1.png) no-repeat;background-size:100%;}
.s5-item2 .s5-text{background: url(../images/base/s5-item2.png) no-repeat;background-size:100%;text-align: right;}
.s5-item1 .s5-img{left: 0;}
.s5-item2 .s5-img{right: 0;}
@media screen and (min-width: 0) and (max-width: 486px){
    .s5-img{position: static;z-index: 1;}
    .s5-item {height:auto;}
}






.section6{padding: 100px 0;background: url(../images/base/s6-bg.jpg);background-size:cover;}
.s6-title p{color: #fff;font-size: 18px;}
.s6-title h4{font-size: 50px;color: #fff;line-height: 1.2;}
.s6-title h4 a{color: #fff;}
.s6-title h4:after{content:"";display: block;height: 7px;width: 2em;background: #fff;margin: 20px 0;}
.s6-content{margin-top: 50px;color: #fff;font-size: 18px;line-height: 1.8;}
.s6-content a{color: #fff;display: inline-block;margin-top: 50px;}
@media screen and (min-width: 0) and (max-width: 991px){
.s6-title p{font-size: 16px;}
.s6-title h4{font-size: 40px;}
.s6-content a{margin-bottom:  30px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.s6-title p{font-size: 14px;}
.s6-title h4{font-size: 30px;}
.s6-content{margin-top: 30px;font-size: 16px;}
.s6-content a{margin-top: 30px;}
}


.s6{margin-top: 100px;position: relative;padding: 0 60px;}
.s6-item{position: relative;margin: 0 60px;height: 420px;padding: 60px 5%;background: #fff;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);}
.s6-item h4{color: #333;font-size: 24px;margin-bottom: 30px;}
.s6-item p{font-size: 16px;word-wrap: break-word;
    word-break: normal;}

.s6-item a{position: absolute;left: 7%;bottom: 60px;color: #036eb5;font-size: 16px;}



 @media screen and (min-width: 0) and (max-width: 767px){
.s6{padding: 0 ;}
.s6-item{margin: 0;}
}


.s6-more{text-align: center;margin-top: 60px;}
.s6-more a{display: inline-block;line-height: 56px;padding: 0 40px;font-size: 22px;color: #fff;border:1px solid #fff;
border-radius: 100px;}
.s6-more a:hover{background: #fff;color: #036eb5;}


@media screen and (min-width: 0) and (max-width: 767px){
.s6-more a{line-height: 45px;padding: 0 30px;font-size: 18px;}
}




 


.foot-nav{background: url(../images/base/foot-nav.png) left bottom repeat-x;background-size:auto 100%;}

.foot-nav .foot-nav2{padding-top: 120px;padding-bottom: 60px;display: flex;justify-content: space-between; flex-wrap:  wrap;}
.foot-nav ul{padding: 0;margin: 15px;}

.foot-nav ul h4{font-size: 22px;color: #3e3a39;text-align: center;}
.foot-nav ul p{font-size: 12px;color: #595757;margin-bottom: 30px;text-align: center;}
.foot-nav ul li{line-height: 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.foot-nav ul a{color: #666;}
.foot-nav ul span{margin-right: 1em;}






.foot{min-height: 550px;background: url(../images/base/foot.png) center;background-size:cover;position: relative;}

.foot .container{position: relative;}

.foot1{text-align: center;padding-top: 180px;}
.foot1 h4{color: #fff;font-size: 22px;}
.foot1 p{color: #fff;font-size: 12px;}
.foot2{text-align: center;margin-top: 50px;}
.foot2 a{display: inline-block;margin: 0 3%;}
.foot2 a.weixin{position: relative;}
.foot2 .weixin-pic{opacity: 0;transition: all 300ms ease-in-out 0s;position: absolute;width: 140px;height: auto;left: 0;margin-left: -50px;top:-165px;border:10px solid #fff;-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);}
.foot2 .weixin-pic img{width: 100%;height: auto;}
.foot2 .weixin-pic:after{position: absolute;content:""; bottom: -40px;left: 50%;margin-left: -16px;height: 0;width: 0;border: 16px solid #fff;border-color: #fff transparent  transparent transparent;}
.foot2 a.weixin:hover .weixin-pic{opacity: 1;}




.foot3{border-top:2px solid rgba(255,255,255,.5);padding-top: 40px;margin-top: 60px;color: #fff;text-align: center;font-size: 16px;}

.foot3 a{color: #fff;}

.foot-weixin{position: absolute;right:0px;bottom: 10%;margin-top: -50px;}

.foot-weixin-por{position: relative;}
.foot-weixin .foot-weixin-btn{height: 50px;width: 50px;background: #236BAA;border:6px solid #fff;
position: absolute;left: -20px;top: -20px;cursor: pointer;
 border-radius: 50%;
}
.foot-weixn-content{padding:  25px 15px 15px;background: #fff;text-align: center;
 border-radius: 15px;}

.foot-weixin p{font-size: 30px;color: #036EB4;font-weight: bold;line-height: 1.2;}
.foot-weixin img{height: 155px;width: 155px;max-width:155px;}
@media screen and (max-width: 768px){
    .foot-weixin img {height:auto;}
}

@media screen and (min-width: 0) and (max-width: 1199px){
.foot-weixin{position: static;height: auto;margin: 0 auto;padding: 0;text-align: center;}
.foot-weixin img{margin: 0 auto}
.foot-weixin-btn{display: none;}
.foot-weixin p{color: #fff;}
.foot-weixn-content{display: inline-block;background: none;}
}


.banner{}
.banner img{width:100%;max-height:100%;object-fit:cover;}



.title20{position: relative;margin: 40px 0;z-index: 10;}
.title20-sub{position: absolute;right: 0;top: 20px;padding-right: 5%;}
.title20-sub:after{content:"";z-index: -1;position: absolute;right: 0;top: 0;bottom: 0;width: 22%;background: #026FAA;}
.title20-sub  ul{padding: 0;margin: 0;}
.title20-sub > ul > li{position: relative;display: block;float: left;width: 250px;background: #;margin-left: 5px;padding: 0 30px;height: 80px;}
.title20-sub-li-bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #026FAA;transform: skew(-15deg,0deg);z-index: -1;}
.title20-sub > ul > li:hover .title20-sub-li-bg,
.title20-sub > ul > li.on .title20-sub-li-bg{background:url(../images/base/s999.png) left top no-repeat;}
.title20-sub > ul > li .title20-ico{display: block;color: #fff;float: right;margin: 0 0 0 30px;height: 80px;line-height: 80px;font-size: 2em; transition: all 100ms ease-in-out 0s;}

.title20-sub > ul > li:hover .title20-ico,.title20-sub-one.open .title20-ico{transform: rotate(45deg);}

.title20-sub > ul > li > h4{margin-bottom: 5px;color: #fff;padding-top: 10px;font-size: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.title20-sub > ul > li > p{font-size: 12px;color: #fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.title20-sub > ul > li > h4 a{color: #fff;}
.title20-sub > ul > li > p a{color: #fff;}
.title20-sub > ul > li.on > h4 a,
.title20-sub > ul > li:on > h4 a{color: #FFE401;}
.title20-sub > ul > li.on > p a,
.title20-sub > ul > li:on > p a{color: #FFE401;}
.title20-sub-one.on > h4 a,.title20-sub-one.on > p a,.title20-sub-one.open > h4 a,.title20-sub-one.open > p a {color: #FFE401;}
.title20-sub > ul > li.on:before,
.title20-sub > ul > li:hover:before{opacity: 1;}
.title21{border-bottom:1px solid #696969;padding: 20px 0;}
.title21 p{color: #036eb5;font-size: 18px;margin-bottom: 5px;height: 25px;}
.title21 h4{color: #036eb5;font-size: 40px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.title20-sub{padding-right: 0;}
.title20-sub > ul > li{width: 200px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.title20-sub{position: relative;}
.title20-sub > ul > li{width: 32%;margin: 0 0 0 1%;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.title21{padding: 10px 0;}
.title21 p{font-size: 14px;}
.title21 h4{font-size: 30px;}
.title20-sub{position: relative;padding-right: 0;}
.title20-sub > ul > li{width: 100%;margin-bottom: 5px;height: auto;}
}
.title20-sub2{display: none;width: 500px;padding: 40px 0px 15px 0px;position: absolute;z-index: 199;left: -11px;top: 100%;border-left: 10px solid #FFE401;background: #026FAA;}
.title20-sub2:before{content:"";display: block;position: absolute;left: 0;right: -1px;top: 0;height: 20px;background: #fff;}
.title20-sub .title20-sub-one:nth-last-child(1) .title20-sub2:before{border:none;}
.title20-sub2 ul{padding: 0;margin: 0;}
.title20-sub2 ul li{border-bottom:1px solid #fff;padding: 5px 15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.title20-sub2 ul li h4{font-size: 18px;color: #fff;margin-bottom: 5px;}
.title20-sub2 ul li p{font-size: 12px;color: #fff;}
.title20-sub2 ul li h4 a{color: #fff;}
.title20-sub2 ul li p a{color: #fff;}
.title20-sub2 ul li:hover a{color: #FFE401;}
.title20-sub2 ul li:last-child {border-bottom:none;}
@media (max-width:486px) {
.title20-sub2 ul li h4 {font-size:16px;}

}
/*
.title20-sub .title20-sub-one:nth-last-child(1) .title20-sub2{left: auto;right: 100%;border-left:none;border-right: 12px solid #FFE401;}
*/

.title-lianxi {background:url(../images/base/img400.png) 210px 76px no-repeat;}


@media screen and (min-width: 768px){
.title20-sub > ul > li:hover .title20-sub2{display: block;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.title20-sub > ul > li{margin-left: 0;}
.title20-sub-one{background: #026FAA;}
.title20-sub-li-bg{transform: skew(0,0deg);position: absolute;left: 0;top: 0;right: auto;background: #000;opacity: 1;z-index: 2;}
.title20-sub2{position: static;width: auto;border-left:none;padding: 10px 0;}

.title20-sub .title20-sub-one:nth-last-child(1) .title20-sub2{border:none;}
.title20-sub2:before{display: none;}
}


 


.section111{padding: 20px 0;}
.s111-title{margin-bottom: 30px;}
.s111-title h4{font-size: 20px;color: #036eaa;font-weight: bold;}
.s111-title p{font-size: 12px;color: #036eaa;}
.s111-title h4 a{color: #036eaa;}
.s111-title p a{color: #036eaa;}
.container img {max-width:100%;}

.s111{}
.s111-item{}
.s111-img{height: 250px;margin: 30px 0;}
.s111-img img{width:100%;height:100%;object-fit:cover;}
.s111-text{margin: 30px 0;line-height: 30px;font-size: 16px;}





.s113-text{line-height: 30px;font-size: 16px;}
.s113-img{margin: 60px 0;}
.s113-img img{	height: 360px;margin: 20px 0;width:100%;object-fit:cover;}


.s114-text{line-height: 30px;font-size: 16px;}

.s114-img{margin: 60px 0;}
.s114-img .row{margin: 0;}
.s114-img [class*="col-"]{padding: 0;}
.s114-img1{}
.s114-img1 img{width:100%;height:100%;object-fit:cover;}
.s114-img2{height: 255px;}
.s114-img2 img{width:100%;height:100%;object-fit:cover;}


.s115 img{max-width:100%;height: auto;}

.s115-text{line-height: 30px;font-size: 16px;}
.s115-img{margin: 60px 0;}
.s115-img .row{margin: 0;}
.s115-img [class*="col-"]{padding: 0;}
.s115-img img{width:100%;height:285px;object-fit:cover;}





.s117{position: relative;padding: 60px 0;overflow: hidden;}
.s117:before{content:"";display: block;width: 1px;top: 0;bottom: 0;position: absolute;left: 50%;background: #036EA9;}
.s117:after{content:"";display: block;height: 17px;width: 17px;background: #fff;border:2px solid #036EA9;position: absolute;left: 50%;bottom: 0;margin-left: -8px;border-radius: 50%;}

.s117-item{width: 100%;position: relative;padding: 124px 0px 40px;}
@media screen and (min-width: 0) and (max-width: 767px){
.s117-item{padding: 124px 0 40px;}
}
.s117-item h4{display: inline-block;height: 88px;width: 88px;border:1px dashed #036EA9;background: #fff;padding: 5px;border-radius: 50%;margin-bottom: 40px;position: relative;z-index: 2;}
.s117-item h4 span{display: block;height: 100%;width: 100%;background: #036EA9;border-radius: 50%;text-align: center;line-height: 76px;font-size: 26px;color: #fff;}
.s117 .s117-item h4{position: absolute;left: 50%;top: 0;margin-left: -44px;}
.s117-item p{padding: 20px 0;line-height: 22px;font-size: 15px;position: relative;}
.s117-item p a{color: #000;}
.s117-item p i.s117-ico{content:"";display: block;height: 20px;width: 25px;position: absolute;top: 22px;z-index: 2;background: url(../images/base/s117-item.jpg);}
.s117-item p span{display: block;}

.s117 .s117-item p:nth-child(even){padding-right: 50%;text-align: right;}
.s117 .s117-item p:nth-child(odd){padding-left: 50%;text-align: left;}
.s117 .s117-item p:nth-child(even) i.s117-ico{right: 50%;margin-right: -12px;transform: rotate(180deg);}
.s117 .s117-item p:nth-child(odd) i.s117-ico{left: 50%;margin-left: -12px;}
.s117 .s117-item p:nth-child(even) span{padding-right: 30px;}
.s117 .s117-item p:nth-child(odd) span{padding-left: 30px;}



.section118{margin-top: -40px;}

.s118-img{text-align: center;}
.s118-img img{max-width:100%;height:auto;object-fit:cover;}
.s118-text{padding: 15px 40px;border-radius: 10px;background: rgba(232,243,244,.5) url(../images/base/s118.png) left bottom no-repeat;background-size:100% auto;}
.s118-text:after{content:"";display:table;clear:both;}
.s118-text1{margin: 175px 0 60px;}
.s118-text2{margin:  18px 0 60px;}

.s118-item{margin: 33px 0;}
.s118-item h4{font-size: 24px;color: #036EA9;font-weight: 700;}
.s118-item h4 span{font-size: 50px;}
.s118-item h4 small{color: #036EA9;font-weight: 700;}
.s118-item p{max-width: 360px;font-size: 16px;}
.s118-title{float: right;color: #fff;text-align: center;}
.s118-title p{font-size: 14px;margin-bottom: 0;}
.s118-text h4{font-size: 36px;}
@media screen and (min-width: 0) and (max-width: 486px){
.s118-text h4{font-size: 26px;}
.s118-title p {font-size:6px;}
.s118-title {text-align:right}
.s118-text{padding: 15px;}
}
.s118-text2 .s118-item{margin: 40px 0;}





.s211-text{margin: 30px 0 60px;line-height: 30px;font-size: 16px;}



.s221-text{margin: 30px 0 60px;line-height: 30px;font-size: 16px;}

.s221-img{margin-bottom: 80px;}
.s221-img img{margin: 20px 0;width:100%;height:100%;object-fit:cover;}



.s331{text-align: center;}
.s331 p{text-align: center;font-size: 16px;margin: 120px 0;}
.s331 img{max-width:100%;height:auto;object-fit:cover;}

.s331-text{margin: 30px 0 60px;line-height: 30px;font-size: 16px;}
.s312-text{margin-bottom: 40px;}
.s312-img{text-align: center;}
.s312-img img{max-width:100%;height:auto;object-fit:cover;}


.s411{}
.s411-img{position: relative;margin: 20px 0px 130px 0px;}
.s411-img img{width:100%;height:100%;object-fit:cover;}
.s411-img a{position: absolute;bottom: 0px;left: 5%;color: #0370AA;font-size: 18px;}
.s411 .s411-img:nth-child(2) a{left: 56%;}
.s411 .s411-img:nth-child(3) a{bottom:auto;top: 43%;left: 11%;}
@media screen and (min-width: 0) and (max-width: 767px){
.s411-img a{font-size: 14px;bottom: 0;}
}





.s421{}
.s421-img{position: relative;margin: 80px 0px 120px;}
.s421-img img{width:100%;height:100%;object-fit:cover;}
.s421-img a{position: absolute;bottom: 14%;left: 9.5%;color: #0370AA;font-size: 18px;}
.s421 .s421-img:nth-child(even) a{left: 65%;}
@media screen and (min-width: 0) and (max-width: 767px){
.s421-img{position: relative;margin: 30px 0px 50px;}
.s421-img a{font-size: 12px;bottom: -20px;}
}
.s421 .s421-img:nth-child(8) a{bottom: 8%;left: 65%;}
.s421 .s421-img:nth-child(9) a{bottom: 6%;left: 67%;}
.s421 .s421-img:nth-child(10) a{bottom: 6%;left: 14%;}
.s421 .s421-img:nth-child(11) a{bottom: 6%;left: 61%;}
.s421 .s421-img:nth-child(12) a{bottom: 6%;left: 14%;}
.s421 .s421-img:nth-child(13) a{bottom: 6%;left: 52%;}



.s431{}
.s431-img{position: relative;margin: 80px 0;}
.s431-img img{width:100%;height:100%;object-fit:cover;}
.s431-img a{position: absolute;color: #0370AA;font-size: 18px;}

.s431 .s431-img:nth-child(1) a{left: 14%;bottom: 18%;}
.s431 .s431-img:nth-child(2) a{left: 50%;bottom: 12%;}
.s431 .s431-img:nth-child(3) a{left: 16%;bottom: 11%;}
.s431 .s431-img:nth-child(4) a{left: 55%;bottom: 12%;}
.s431 .s431-img:nth-child(5) a{left: 58%;bottom: 8%;}
.s431 .s431-img:nth-child(6) a{left: 17%;bottom: 38%;}
.s431 .s431-img:nth-child(7) a{left: 58%;bottom: 8%;}


@media screen and (min-width: 0) and (max-width: 767px){
.s431-img a{font-size: 12px;bottom: 0px;}
    .s431 .s431-img:nth-child(1) a{left: 14%;bottom: 10%;}
    .s431 .s431-img:nth-child(2) a{left: 50%;bottom: 5px;}
    .s431 .s431-img:nth-child(3) a{left: 16%;bottom: 3px;}
    .s431 .s431-img:nth-child(4) a{left: 55%;bottom: 5px;}
    .s431 .s431-img:nth-child(5) a{left: 58%;bottom: 3px;}
    .s431 .s431-img:nth-child(6) a{left: 17%;bottom: 3px;}
    .s431 .s431-img:nth-child(7) a{left: 58%;bottom: 3px;}
}




.s511-text{margin: 30px 0 0;line-height: 30px;font-size: 16px;color: #585657;}
.s511-text h4{margin-top: 40px;text-indent: 2em}
.s511-text a{color: #585657;}
.s511-text p{text-indent: 2em}
.s5111-more{margin: 10px 0;}	
.s5111-more:after{content:"";display:table;clear:both;}
.s5111-more a{float: right;color: #0370AA;font-size: 16px;}



.s512-text{}
.s512-text ul{padding: 0;margin: 20px 0;}
.s512-text ul li{font-size: 16px;padding-left: 15px;position: relative;margin: 5px;}
.s512-text ul li:before{position: absolute;left: 0;top: 50%;margin-top: -4px;content:"";display: block;height: 8px;width: 8px;background: #006FB1;border-radius: 50%;}
.s512-text ul li a{color: #666;}
.s512-text ul li a:hover{color: #006FB1;}





.s611-item{margin: 40px 0;}
.s611-item h4{border-bottom:1px solid #999;padding: 15px 0;font-weight: bold;font-size: 20px;}
.s611-item h4 a{color: #016EB1;}
.s611-item h4 span{font-size: 12px;float: right;font-weight: normal;}
.s611-item p{margin: 20px 0;color: #666;font-size: 16px;line-height: 24px;}



.s612-title{border-bottom:1px solid #999;line-height: 40px;margin-bottom: 30px;}
.s612-title:after{content:"";display:table;clear:both;}
.s612-title span{float: right;line-height: 40px;}
.s612-title h4{color: #016EB1;font-weight: bold;line-height: 40px;font-size: 20px;}
@media screen and (min-width: 0) and (max-width: 486px){
    .s612-title span {display:block; float:none;}
}

.s612{font-size: 16px;line-height: 2;margin: 30px 0;}
.s612 img{max-width:100%;height:auto;}

.s614-item{margin: 40px 0;}
.s614-item h4{font-size: 18px;color: #595758;font-weight: bold;}
.s614-item h4 a{color: #595758;}
.s614-item p{font-size: 16px;color: #5A5A5A;}
.s614-item p a{color: #5A5A5A;}


.s614-item:hover h4 a{color: #016EB1;}
.s614-item:hover p a{color: #016EB1;}







.s711-item{margin: 40px 0;}
.s711-title{border-bottom:1px solid #999;}
.s711-title h4{font-size: 24px;color: #333;margin-bottom: 5px;}
.s711-title p{font-size: 16px;}
.s711-text{padding: 20px 0;height: 211px;}
.s711-text p{margin-bottom: 20px;font-size: 16px;line-height: 1.8;color: #333;}
.s711-text p+p{font-size: 14px;}
.s711-img img{width:100%;height:100%;object-fit:cover;}
@media screen and (min-width: 0) and (max-width: 767px){
.s711-text{height: auto;}
}


.s712-item{margin: 40px 0;}
.s712-item p{font-size: 18px;margin-bottom: 8px;}




.s721-title{margin-bottom: 20px;line-height: 40px;background: #036EB8;color: #fff;padding: 0 25px;font-size: 18px;font-weight: bold;}
.s721-text{padding: 20px;}





.column-pagination{margin-left: 0;margin-right: 0;}


.sousuo1{height: 308px;background: url(../images/base/sousuo-bg.jpg);background-size:cover;}
.search{height: 75px;margin: 110px auto 0;width: 800px;max-width:100%;background: #fff;border-radius: 75px;border:3px solid #fff;}
.search .form-control{height: 69px;border-radius: 75px;border:none;outline:none;}
.search .search-btn{border:none;height: 69px;width: 120px;background: url(../images/base/search-btn.png) center center no-repeat;outline:none;}
.sousuo1 p{text-align: center;color: #fff;margin-top: 60px;}
.search input {font-size:22px;}



.sousuo2{}
.sousuo-item{margin: 40px 0 40px;}
.sousuo-img{text-align: center;}
.sousuo-img img{width:100%;height:100%;object-fit:cover;}
.sousuo-text{margin: 30px 0px 100px 0px;}
.sousuo-text h4{font-size: 22px;color: #036EB4;}
.sousuo-text h4 a{color: #036EB4;}
.sousuo-text span{color: #036EB4;margin-bottom: 30px;font-size: 12px;}
.sousuo-text p{margin: 30px 0;font-size: 16px;line-height: 1.8;}
.sousuo-text a.more{color: #036EB4;font-size: 16px;}




.s111-title-nav{margin-bottom: 20px;}
.s111-title-nav ul{padding: 0;margin: 0;}
.s111-title-nav ul:after{content:"";display:table;clear:both;}
.s111-title-nav ul li{display: inline-block;}
.s111-title-nav ul li+li{margin-left: 30px;padding-left: 40px;border-left:2px solid #ADACAD;}
.s111-title-nav ul li h4{font-size: 18px;color: #595758;font-weight: bold;margin-top: 0;margin-bottom: 5px;}
.s111-title-nav ul li p{font-size: 10px;color: #595758;margin-bottom: 0;}
.s111-title-nav ul li.on h4{color: #036eaa;font-size: 20px;}
.s111-title-nav ul li.on p{color: #036eaa;font-size: 12px;}
.s111-content h4,

.s111-content p{margin-bottom: 20px;}


.swiper-button-next, .swiper-button-prev {top:40%;}

.column-pagination .pagination li a.pagination-previous {margin-right:15px;}
.column-pagination .pagination li a.pagination-next {margin-left:15px;}
.column-pagination .pagination li a.pagination-previous,
.column-pagination .pagination li a.pagination-next {border:none; font-size:16px;}

.column-pagination .pagination li a.pagination-previous:hover,
.column-pagination .pagination li a.pagination-next:hover {background:none;}


.search-number {line-height:42px;display:inline-block; margin:20px 0px; font-size:16px; color:#999}


.title20-sub2 ul li.yingyangbuchongji-list-a h4 {padding:5px 0px 10px 0px;}

.s431 .s431-img:nth-child(5) a.jiaoyuandanbai-a-2 {bottom:auto;left:190px; top:55%;}
@media screen and (min-width: 0) and (max-width: 486px){
    .s431 .s431-img:nth-child(5) a.jiaoyuandanbai-a-2 {bottom:auto;left:auto;right:24%; top:50%;}
    .s421 .s421-img:nth-child(8) a.yingyang-a-8,.s421 .s421-img:nth-child(9) a.yingyang-a-9,.s421 .s421-img:nth-child(10) a.yingyang-a-10,.s421 .s421-img:nth-child(11) a.yingyang-a-11,.s421 .s421-img:nth-child(12) a.yingyang-a-12,.s421 .s421-img:nth-child(13) a.yingyang-a-13 {bottom:-30px;}
}

